{% extends '__base.tpl' %}
{% block head %}
<title>编程达人 {{data.videoDetail.name}}</title>
<meta name="keywords" content="编程达人视频教程,免费看视频,{{data.videoDetail.name}}" />
<meta name="description" content="视频教程,{{data.videoDetail.name}}-{{data.videoDetail.intro|toDescription}}"/>
<!-- build:css -->
<link rel="stylesheet" type="text/css" href="../../../public/css/page/contentPage.css" />
<link rel="stylesheet" type="text/css" href="../../../public/css/page/popup.css" />
<!-- endbuild -->
{% endblock %}
{% block body %}
<div id='box' data-comment_type="1" >
    <div class="contentHead relative">
        <img class="fleft" width="500px" src="{{data.videoDetail.cover|imgPath}}">
        <span>
            <h2 class="title">{{data.videoDetail.name}}</h2>
            <small class="sub-title">
                共{{data.videoDetail.videoCount}}节
                {%if data.videoDetail.updateIs%}
               （更新中...）
                {%else%}
                （更新完）
                {%endif%}
            </small>
        </span>
        <div class="font16 absolute" style="right: 15px;">
            专辑评分：
            <em class="red">
            {% if data.videoDetail.scoreCount%}
            {{(data.videoDetail.scoreTotal/data.videoDetail.scoreCount)|toFloat(1)}}
             {%else%}
             10
             {%endif%}
            </em>
        </div>
        <span>
            <b class="vmiddle">专辑购买：</b>
            {% if data.videoDetail.price>0 or data.videoDetail.gold>0 %}
            <em class="color-warning vsub">
                {% if data.videoDetail.price>0 %}
                 ¥ {{data.videoDetail.price}}
                {% endif %}
                {% if data.videoDetail.price>0 and data.videoDetail.gold>0 %}/{% endif %}
                {% if data.videoDetail.gold>0 %}
                金币{{data.videoDetail.gold}}
                {% endif %}
            </em>
            <button class="btnBlueM" onclick="BASE.VIDEO_CONTENT.buyAlumn(this)">购买</button>
           <!-- <button class="btnStyleBlue">加入购物车</button>-->
            {% else %}
            <em class="color-warning">免费</em>
            {% endif %}
        </span>
    </div>
<div>
    <div class="lmessageB tabs-nav">
        <span class="lmText">目录</span>
        <span>专辑介绍</span>
        <span onclick="BASE.COMMON.getCommentScore.call(this,1)">评价
            {%if data.videoDetail.scoreCount %}
            ({{data.videoDetail.scoreCount}})
            {%endif%}
        </span>
        <div class="fright">
            <b class="font14 fontn">VIP会员全站每个视频免费点播10次 </b>
            <a class="hide ml10"  target="_blank" href="/buyVip.html" id="buy_vip"></a>
        </div>
    </div>
    <div class="tabs-con" style="height: auto">
        <!--目录-->
        <div class="tabs1" style="display: block">
            {%include '__video_catalog.html'%}
        </div>
        <!--专辑介绍-->
        <div class="tabs1" style="display: none;">
            <ul class="video-profile vue-editor">
                {% if data.videoDetail.intro %}
                <li class="mb30">
                    {{data.videoDetail.intro|safe}}
                </li>
                {% else %}
                <li class="mb30">
                    {% include '__no_data.html' %}
                </li>
                {% endif %}
            </ul>
        </div>
        <!--评价-->
        <div class="tabs3 lmessageC" style="display: none;">
            {% include '__comment_score.html' %}
            {% include '__comment_score_list.html' %}
            {% include '__page.html' %}
        </div>
    </div>
</div>



</div><!-- end box -->
{% endblock %}

{% block script %}
    {{ super() }}
<!-- build:js -->
    <script src='../../../public/js/page/plugin/nativepage.js'></script>
    <script src='../../../public/js/page/video/video_content.js'></script>
<!-- endbuild -->
{% endblock %}